<template>
  <el-card>
    <div slot="header" class="card-header">
      <span>{{ this.$route.meta.title }}</span>
      <div class="header-select">
        <el-select v-model="selectVal" @change="selectChange">
          <el-option
            v-for="(item, index) in selectOptions"
            :key="index"
            :label="item.title"
            :value="index"
          >
          </el-option>
        </el-select>
      </div>
    </div>
    <div v-if="selectVal === 0">
      <TableA :tableData="tableDataA" class="mgb"></TableA>
      <TableB :tableData="tableDataB"></TableB>
    </div>
    <div v-if="selectVal === 1">
      <TableC :tableData="tableDataC"></TableC>
    </div>
  </el-card>
</template>

<script>
import variable from './variable'
import TableA from './components/TableA'
import TableB from './components/TableB'
import TableC from './components/TableC'
export default {
  components: {
    TableA,
    TableB,
    TableC
  },

  data() {
    return {
      selectVal: 0,
      selectOptions: variable,
      tableDataA: [
        {
          columnA: 'scb1',
          columnB: '张兴',
          columnC: ['管理员', '高级用户', '一级用户', '二级用户'],
          columnD: [
            '持续审计专题',
            '模型预研专题',
            '持续审计系统功能',
            '专项审计支撑',
            '数据资产管理',
            '数据质量模型',
            '短信告警'
          ],
          columnE: true
        },
        {
          columnA: 'jsb1',
          columnB: '王洪',
          columnC: ['管理员', '高级用户', '一级用户', '二级用户'],
          columnD: [
            '持续审计专题',
            '模型预研专题',
            '持续审计系统功能',
            '专项审计支撑',
            '数据资产管理',
            '数据质量模型',
            '短信告警'
          ],
          columnE: true
        },
        {
          columnA: 'scb2',
          columnB: '张可',
          columnC: ['管理员', '高级用户', '一级用户', '二级用户'],
          columnD: [
            '持续审计专题',
            '模型预研专题',
            '持续审计系统功能',
            '专项审计支撑',
            '数据资产管理',
            '数据质量模型',
            '短信告警'
          ],
          columnE: true
        },
        {
          columnA: 'jsb2',
          columnB: '李飞',
          columnC: ['管理员', '高级用户', '一级用户', '二级用户'],
          columnD: [
            '持续审计专题',
            '模型预研专题',
            '持续审计系统功能',
            '专项审计支撑',
            '数据资产管理',
            '数据质量模型',
            '短信告警'
          ],
          columnE: true
        },
        {
          columnA: 'scb3',
          columnB: '林目',
          columnC: ['管理员', '高级用户', '一级用户', '二级用户'],
          columnD: [
            '持续审计专题',
            '模型预研专题',
            '持续审计系统功能',
            '专项审计支撑',
            '数据资产管理',
            '数据质量模型',
            '短信告警'
          ],
          columnE: true
        }
      ],
      tableDataB: [
        {
          columnA: 'R039182',
          columnB: 'mysql',
          columnC: 'log/sjejn/adfsdaj/2020.8',
          columnD: '2020.8.3'
        },
        {
          columnA: 'R042123',
          columnB: 'mysql',
          columnC: 'log/sjejn/adfsdaj/2020.8',
          columnD: '2020.8.2'
        },
        {
          columnA: 'R219283',
          columnB: 'mysql',
          columnC: 'log/sjejn/adfsdaj/2020.8',
          columnD: '2020.8.1'
        },
        {
          columnA: 'R102312',
          columnB: 'mysql',
          columnC: 'log/sjejn/adfsdaj/2020.8',
          columnD: '2020.8.1'
        },
        {
          columnA: 'R302112',
          columnB: 'mysql',
          columnC: 'log/sjejn/adfsdaj/2020.8',
          columnD: '2020.8.3'
        }
      ],
      tableDataC: [
        {
          columnA: '风险扫描-概览数据接口',
          columnB: 'fx/sjgl'
        },
        {
          columnA: '风险扫描-核查报告接口',
          columnB: 'fx/kcbg'
        },
        {
          columnA: '风险扫描-自定义报告接口',
          columnB: 'fx/zdy'
        },
        {
          columnA: '风险扫描-核查数据接口',
          columnB: 'fx/hc'
        },
        {
          columnA: '风险扫描-回传核查信息接口',
          columnB: 'fx/hchc'
        },
        {
          columnA: '审计库模型结果接口',
          columnB: 'sjk/res'
        },
        {
          columnA: '专项审计支撑模型结论接口',
          columnB: 'zxsj/res'
        }
      ]
    }
  },

  methods: {
    selectChange() {}
  }
}
</script>

<style lang="scss" scoped>
.mgb {
  margin-bottom: 20px;
}
</style>
